<template>
	<view class="cc_item_box">
		<view class="cc_item">
			<image :src="baseUrl+cItem.logo" class="sc_img"></image>
			<view class="sc_info">
				<view class="s_tit">
					{{cItem.name}}
				</view>
				<view class="s_cas">
					<span  class="c_span">{{cItem.nature_text}}</span>
					<span  class="c_span">{{cItem.area_text}}</span>
					<span  class="c_span">{{cItem.type_text}}</span>
				</view>
			</view>
		</view>
		<view class="jihua_box">
			<view class="item_c1">
				<view class="c_numc">
					{{cItem.recruit_total}}
				</view>
				<view class="c_txt">
					招生总计划
				</view>
			</view>
			<view class="item_c1">
				<view class="c_numc">
					{{cItem.autonomy}}
				</view>
				<view class="c_txt">
					自主招生
				</view>
			</view>
			<view class="item_c1">
				<view class="c_numc">
					{{cItem.sports}}
				</view>
				<view class="c_txt">
					体育生
				</view>
			</view>
			<view class="item_c1">
				<view class="c_numc">
					{{cItem.artistic}}
				</view>
				<view class="c_txt">
					艺术生
				</view>
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		computed:{
			baseUrl(){
				return this.$store.state.baseUrl
			}
		},
		props:{
			cItem:{
					
			},
		},

		methods: {
			
		}
	}
</script>

<style lang="scss">
	.cc_item_box{
		background-color: #fff;
		margin-bottom: 20rpx;
		border-radius: 10rpx;
		padding: 0rpx 20rpx 20rpx 20rpx;
		.jihua_box{
			display: flex;
			background-color: #F5F7FA;
			padding: 26rpx 10rpx 20rpx;
			.item_c1{
				flex:1;
				text-align: center;
				position: relative;
				flex-shrink: 0;
				&+.item_c1::before{
					content: "";
					display: block;
					width: 2rpx;
					height: 40rpx;
					background-color: #BDC0D0;
					margin-right: 12rpx;
					position: absolute;
					top: 20rpx;
				}
				.c_numc{
					font-size: 32rpx;
					font-weight: 500;
				}
				.c_txt{
					font-size: 24rpx;
				}
			}
		}
		.cc_item{
			padding: 20rpx 0;
			background: #FFFFFF;
			
			border-radius: 10rpx;
			display: flex;
			
			.sc_img{
				width: 100rpx;
				height: 100rpx;
				margin-right: 20rpx;
			}
			.sc_info{
				padding: 6rpx 0;
				.s_tit{
					font-size: 32rpx;
					color: #3D3D3D;
				}
				.s_cas{
					.c_span{
						font-size: 24rpx;
						color: #999999;
						&+.c_span::before{
						content: "";
						display: inline-block;
						width: 1rpx;
						height: 18rpx;
						background-color: #BDC0D0;
						margin-right: 8rpx;
						margin-left: 8rpx;
						position: relative;
						top: 1rpx;
					}
					}
				}
			}
		}
	}
	
	
</style>
